const $ = require('../../utils/util.js');

// pages/index/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isLoading: true,//是否需要加载广告
    sec: 5,//倒计时的秒数
    menus: [],//横向菜单的内容
    selectIndex: 0,//被选中的菜单下标
    queryCourseId: 0, //需要查询的课程id
    courseList: []//首页需要显示的课程列表
  },

  /**
   * 菜单选中事件
   */
  selectMenu(data){
    console.log("点击事件：", data.currentTarget.dataset.item);
    this.setData({
      selectIndex: data.currentTarget.dataset.item,
      queryCourseId: data.currentTarget.dataset.tid
    });

    //调用方法
    this.queryCourse();
  },

  //查询相应分类下的课程
  queryCourse(){
    //根据课程分类 查询相应的课程数据
    $.ajax({
      url: "/course/info/queryByOneType",
      data: {
        tid: this.data.queryCourseId
      },
      success: (data) => {
        console.log(data);
        this.setData({
          courseList: data
        });
      }
    });
  },


  /**
   * 倒计时的方法
   */
  djs(){
    if(this.data.sec == 0){
      //跳转到首页
      this.skipLoading();
      return;
    }

    //进行倒计时
    setTimeout(() => {
      this.setData({
        sec: this.data.sec - 1
      });

      //递归
      this.djs();
    }, 1000);
  },

  /**
   * 跳过广告
   */
  skipLoading(){
    //显示tabBar
    wx.showTabBar({
      animation: true,
    })

    this.setData({
      isLoading: false
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //隐藏tabbar
    wx.hideTabBar({
      animation: false,
    })
    this.djs();

    //加载课程分类的菜单
    $.ajax({
      url: "/course/type/queryOneType",
      success: (data) => {
        console.log(data);
        this.setData({
          menus: data,
          queryCourseId: data[0].id
        });

        //调用方法
        this.queryCourse();
      }
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})